export const tableMixin = {
    id: 'id',
    show: false,
    border: 'inner',
    loading: true,
    stripe: false, //斑马线
    autoResize: true, //自动监听父元素变化重新计算表格
    syncResize: false, //自动跟随某个属性的变化去重新计算表格
    resizable: false, //可拖动宽度
    showOverflow: true, //文本超出省略号
    showHeader: true, //显示头部
    showHeaderOverflow: true, //文本超出省略号-表头
    showFooterOverflow: true, //文本超出省略号-表尾
    columnKey: true, //为每一列的 VNode 设置 key 属性
    rowKey: true, //为每一行的 VNode 设置 key 属性
    highlightHoverColumn: true,
    highlightHoverRow: true,
    height: 'auto',
    class: 'sortable-column-demo',
    size: 'medium',
    //行配置项
    rowConfig: {
        height: 55,
        keyField: 'rowId', //自定义行数据唯一主键的字段名（默认自动生成
    },
    //列配置项
    columnConfig: {
        resizable: true,
        minWidth: 60,
    },
    emptyRender: {
        name: 'nodata',
    },
    resizeConfig: {
        refreshDelay: 0,
    },
    resizableConfig: {
        //minWidth: '100',
    },
    //排序配置项
    sortConfig: {
        trigger: 'cell',
        remote: true,
    },

    //分页配置项
    pagerConfig: {
        total: 0,
        pageSizes: [10, 20, 50, 100, 200, 500],
        border: true,
        layouts: ['Total', 'PrevPage', 'Number', 'NextPage', 'Sizes', 'FullJump'],
        pageSize: 20,
        align: 'right',
        className: 'dxiaoer-pager',
        autoHidden: false, //当只有一页时自动隐藏
        enabled: true, //是否启用
    },
    //单选框配置项
    radioConfig: {
        labelField: '',
        reserve: true,
        highlight: false,
        trigger: 'default',
        strict: true, //严格模式
    },
    //复选框配置项
    checkboxConfig: {
        labelField: '', //复选框显示字段名
        showHeader: true, //是否显示全选按钮
        checkRowKeys: [], //默认勾选指定行（只会在初始化时被触发一次，需要有 row-config.keyField）
        trigger: 'default', //触发方式  default（默认）, cell（点击单元格触发）, row（点击行触发）
        reserve: true, //是否保留勾选状态
        highlight: false, //选中后高亮
        checkStrictly: false, //是否严格的遵循父子不互相关联的做法
    },
    //代理
    proxyConfig: {
        seq: true, //序号
        sort: true, //排序
        ajax: null,
        props: {
            result: 'data.content',
            total: 'data.total',
        },
    },
    customConfig: {
        storage: {
            visible: true,
            resizable: true,
        },
    },
    columns: [],
}
